//Scss的使用
$width:600px;
$height:600px;
scss的变量声明

//scss 同样可以进行循环嵌套
.header{
    .content{
        .left{

        }
        .right{

        }
    }
}
@import  文件引入


@mixin header{
    width:
    height
    border-radius:
}//混合使用

.box{
    @include header   进行调用
}


@mixin footer($dd,$gg){//有参数
    width:$dd;
    height:$gg;
}
.box1{
    @include footer(500px,300px)
}


//继承
.box3{
    width:100%;
    height:100%;
    border-radius:
    background-color: #
}
.box4{

$extend .box3//继承上面的样式
}